
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>	
	<link rel="stylesheet" type="text/css" href="../fonts/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../css/web.css">
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/zxf_page.js"></script>
	<script type="text/javascript" src="../js/jquery.SuperSlide.2.1.1.js"></script>	
</head>
<body>
	<div class="wrap">

		<div class="top">
	        <div class="Topsearch clearfix">
	            <div class="logo left"><img src="../img/indexLogo.png"></div>
	            <div class="search right">
	                <div class="Insearch clearfix"><input class="left" type="text" name="" placeholder="请输入关键字"><button class="left">搜索</button></div>
	                <div class="searchHot">
	                    <span>热搜词 : </span>
	                    <a href="javascript:;">天后宫</a>
	                    <a href="javascript:;">湿地公园</a>
	                    <a href="javascript:;">景点</a>
	                    <a href="javascript:;">特产</a>
	                </div>
	            </div>
	        </div>
	        <ul class="TopNav clearfix">
	            <li><a class="haveBorder first" href="../index.html">首页</a></li>
	            <li><a class="haveBorder" href="active.html">政务动态</a></li>
	            <li><a class="haveBorder" href="open.html">政务公开</a></li>
	            <li><a class="haveBorder" href="service.html">办事服务</a></li>
	            <li><a class="haveBorder" href="interaction.html">公众互动</a></li>
	            <li class="active"><a class="haveBorder" href="public.html;">公众服务</a></li>
	            <li><a href="toppic.html">专题中心</a></li>
	        </ul>  
	    </div>

		<div class="content">
	
			<div class="contentTop">
				<div class="CTtitle">
					<div class="T-word">
						<span>公众服务</span>
					</div>
				</div>
				<div class="TcounterNav">
					<ul class="classsify">
	                    <li class="culture active on">
	                    	<div class="C-div">
		                        <a class="sign" href="javascript:;">
		                            <img src="../img/culture.png">
		                            <span class="chinese Cculture">文化</span>
		                            <span class="english">CULTURE</span>
		                        </a>
	                        </div>
							<ul class="detial open">
								<li>
									<a href="javascript:;"><span class="disc left"></span>图书馆一览表</a>
									<a href="javascript:;"><span class="disc left"></span>互联网上网服务单位一览表</a>
								</li>
								<li>
									<a href="javascript:;"><span class="disc left"></span>图书馆一览表</a>
									<a href="javascript:;"><span class="disc left"></span>文化馆一览表</a>
								</li>
								<li>
									<a href="javascript:;"><span class="disc left"></span>图书馆一览表</a>
									<a href="javascript:;"><span class="disc left"></span>文化馆一览表</a>
								</li>
								<li>
									<a href="javascript:;"><span class="disc left"></span>互联网上网服务单位一览表</a>
									<a href="javascript:;"><span class="disc left"></span>文化馆一览表</a>
								</li>
								<li>
									<a href="javascript:;"><span class="disc left"></span>图书馆一览表</a>
									<a href="javascript:;"><span class="disc left"></span>文化馆一览表</a>
								</li>
								<li>
									<a href="javascript:;"><span class="disc left"></span>图书馆一览表</a>
									<a href="javascript:;"><span class="disc left"></span>文化馆一览表</a>
								</li>
							</ul>
	                    </li>
	                    <li class="sports active">
	                    	<div class="C-div">
		                        <a class="sign" href="javascript:;">
		                            <img src="../img/sports.png">
		                            <span class="chinese Ssports">体育</span>
		                            <span class="english">SPORTS</span>
		                        </a>
	                        </div>
	                        <ul class="detial">
								<li>
									<a href="javascript:;"><span class="disc left"></span>图书馆一览表</a>
									<a href="javascript:;"><span class="disc left"></span>互联网上网服务单位一览表</a>
								</li>
								<li>
									<a href="javascript:;"><span class="disc left"></span>图书馆一览表</a>
									<a href="javascript:;"><span class="disc left"></span>文化馆一览表</a>
								</li>
								<li>
									<a href="javascript:;"><span class="disc left"></span>图书馆一览表</a>
									<a href="javascript:;"><span class="disc left"></span>文化馆一览表</a>
								</li>
								<li>
									<a href="javascript:;"><span class="disc left"></span>互联网上网服务单位一览表</a>
									<a href="javascript:;"><span class="disc left"></span>文化馆一览表</a>
								</li>
								<li>
									<a href="javascript:;"><span class="disc left"></span>图书馆一览表</a>
									<a href="javascript:;"><span class="disc left"></span>文化馆一览表</a>
								</li>
								<li>
									<a href="javascript:;"><span class="disc left"></span>图书馆一览表</a>
									<a href="javascript:;"><span class="disc left"></span>文化馆一览表</a>
								</li>
							</ul>
	                    </li>
	                    <li class="tourism active">
	                    	<div class="C-div">
		                        <a class="sign" href="javascript:;">
		                            <img src="../img/tourism.png">
		                            <span class="chinese Ttourism">旅游</span>
		                            <span class="english">TOURISM</span>
		                        </a>
	                       </div>
	                       <ul class="detial">
								<li>
									<a href="javascript:;"><span class="disc left"></span>图书馆一览表</a>
									<a href="javascript:;"><span class="disc left"></span>互联网上网服务单位一览表</a>
								</li>
								<li>
									<a href="javascript:;"><span class="disc left"></span>图书馆一览表</a>
									<a href="javascript:;"><span class="disc left"></span>文化馆一览表</a>
								</li>
								<li>
									<a href="javascript:;"><span class="disc left"></span>图书馆一览表</a>
									<a href="javascript:;"><span class="disc left"></span>文化馆一览表</a>
								</li>
								<li>
									<a href="javascript:;"><span class="disc left"></span>互联网上网服务单位一览表</a>
									<a href="javascript:;"><span class="disc left"></span>文化馆一览表</a>
								</li>
								<li>
									<a href="javascript:;"><span class="disc left"></span>图书馆一览表</a>
									<a href="javascript:;"><span class="disc left"></span>文化馆一览表</a>
								</li>
								<li>
									<a href="javascript:;"><span class="disc left"></span>图书馆一览表</a>
									<a href="javascript:;"><span class="disc left"></span>文化馆一览表</a>
								</li>
							</ul>
	                    </li>
	                </ul>
				</div>

			</div>
			<div class="contentBottom clearfix">
				<div class="CTtitle">
					<div class="T-word clearfix">
						<span>诚信榜</span>						
						<span class="right search clearfix"><input class="left" type="text" name="" placeholder="请输入关键字"><i class="icon iconfont icon-sousuo right"></i></span>
						<select class="right S-value">
				            <option value="A">诚信值</option>   
				            <option value="B">高</option>   
				            <option value="C">低</option>   		           
						</select>
						<select class="right S-city">
							<option value="A">所有</option>   
				            <option value="B">广州</option>   
				            <option value="C">佛山</option>
						</select>
					</div>
				</div>
				<div class="CBbottom">
					<div class="CBscroll">
						<div class="hd clearfix">
							<a class="next right"><i class="icon iconfont icon-zuo"></i></a>
							<a class="prev left"><i class="icon iconfont icon-you-copy"></i></a>
						</div>
						<div class="bd">
							<ul class="picList">
								<li>
									<div class="pic">
										<a href="javascript:;" target="_blank">
											<img src="../img/act1.png" />
											<span>A</span>
										</a>
									</div>
									<div class="title">
										<a href="javascript:;" target="_blank">
											<span class="T-title">百万葵园</span>
											<span>酒店 | 0-20人 |</span>
										</a>
									</div>
								</li>
								<li>
									<div class="pic">
										<a href="javascript:;" target="_blank">
											<img src="../img/blank.png" />
											<span>A</span>
										</a>
									</div>
									<div class="title">
										<a href="javascript:;" target="_blank">
											<span class="T-title">百万葵园</span>
											<span>酒店 | 0-20人 |</span>
										</a>
									</div>
								</li>
								<li>
									<div class="pic">
										<a href="javascript:;" target="_blank">
											<img src="../img/blank.png" />
											<span>A</span>
										</a>
									</div>
									<div class="title">
										<a href="javascript:;" target="_blank">
											<span class="T-title">百万葵园</span>
											<span>酒店 | 0-20人 |</span>
										</a>
									</div>
								</li>
								<li>
									<div class="pic">
										<a href="javascript:;" target="_blank">
											<img src="../img/act1.png" />
											<span>A</span>
										</a>
									</div>
									<div class="title">
										<a href="javascript:;" target="_blank">
											<span class="T-title">百万葵园</span>
											<span>酒店 | 0-20人 |</span>
										</a>
									</div>
								</li>
								<li>
									<div class="pic">
										<a href="javascript:;" target="_blank">
											<img src="../img/culture.png" />
											<span>A</span>
										</a>
									</div>
									<div class="title">
										<a href="javascript:;" target="_blank">
											<span class="T-title">百万葵园</span>
											<span>酒店 | 0-20人 |</span>
										</a>
									</div>
								</li>
								<li>
									<div class="pic">
										<a href="javascript:;" target="_blank">
											<img src="../img/act1.png" />
											<span>A</span>
										</a>
									</div>
									<div class="title">
										<a href="javascript:;" target="_blank">
											<span class="T-title">百万葵园</span>
											<span>酒店 | 0-20人 |</span>
										</a>
									</div>
								</li>
								<li>
									<div class="pic">
										<a href="javascript:;" target="_blank">
											<img src="../img/act1.png" />
											<span>A</span>
										</a>
									</div>
									<div class="title">
										<a href="javascript:;" target="_blank">
											<span class="T-title">百万葵园</span>
											<span>酒店 | 0-20人 |</span>
										</a>
									</div>
								</li>
								<li>
									<div class="pic">
										<a href="javascript:;" target="_blank">
											<img src="../img/act1.png" />
											<span>A</span>
										</a>
									</div>
									<div class="title">
										<a href="javascript:;" target="_blank">
											<span class="T-title">百万葵园</span>
											<span>酒店 | 0-20人 |</span>
										</a>
									</div>
								</li>
								<li>
									<div class="pic">
										<a href="javascript:;" target="_blank">
											<img src="../img/act1.png" />
											<span>A</span>
										</a>
									</div>
									<div class="title">
										<a href="javascript:;" target="_blank">
											<span class="T-title">百万葵园</span>
											<span>酒店 | 0-20人 |</span>
										</a>
									</div>
								</li>
								<li>
									<div class="pic">
										<a href="javascript:;" target="_blank">
											<img src="../img/act1.png" />
											<span>A</span>
										</a>
									</div>
									<div class="title">
										<a href="javascript:;" target="_blank">
											<span class="T-title">百万葵园</span>
											<span>酒店 | 0-20人 |</span>
										</a>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		
		</div>

		<div class="d-footer clearfix">
	        <ul class="left link">
	            <li class="title">友情链接</li>
	            <li class="clearfix"><a class="left" href="javascript:;">南沙区政府</a><a class="right" href="javascript:;">广州市体育局</a></li>
	            <li class="clearfix"><a class="left" href="javascript:;">广州市旅游局</a><a class="right" href="javascript:;">广州市文广局</a></li>
	            <li class="clearfix"><a class="left" href="javascript:;">广州市政府</a><a class="right" href="javascript:;">广东省政府</a></li>
	        </ul>
	        <ul class="QRcode left">
	            <li><img src="../img/weixin.png"><p>印象南沙</p></li>
	            <li><img src="../img/APP.png"><p>印象南沙</p></li>
	            <li><img src="../img/gongzhong.png"><p>印象南沙</p></li>
	        </ul>
	        <ul class="left copy">
	            <li>
	                <a href="firstDetial/map.html"><span>关于我们</span></a>
	                <span class="between">-</span>
	                <a href="firstDetial/map.html"><span>版权保护</span></a>
	                <span class="between">-</span>
	                <a href="firstDetial/map.html"><span>网站帮助</span></a>
	                <span class="between">-</span>
	                <a href="firstDetial/map.html"><span>网站地图</span></a>
	            </li>
	            <li>2016 &copy 版权归广州市南沙区文化广电新闻出版局所有</li>
	            <li>地址 : 广州市南沙区凤凰大道1号</li>
	            <li>粤ICP备10041711号-3</li>
	        </ul>
	    </div>

	</div>

	<script type="text/javascript">
		
		$(".C-div").click(function(){
			$(".classsify li").removeClass("on");			
			$(this).parent().addClass("on");
			$(".detial").removeClass("open");	
			$(this).siblings(".detial").addClass("open");	
		})

		jQuery(".CBscroll").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",autoPlay:true,vis:7,trigger:"click"});
		
	</script>
</body>
</html>